<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE HTML>
<html >
<head>
	<meta charset="UTF-8">
	<title>凯胜项目管理系统</title>
	<link rel="stylesheet" href="static/css/bootstrap.min.css" type="text/css" />
	<link rel="stylesheet" href="static/css/style.css" type="text/css" />
	<link rel="stylesheet" href="static/css/daohang.css" type="text/css" />
	
	<link rel="stylesheet" href="static/js/slider/css/jslider.css" type="text/css">
	<link rel="stylesheet" href="static/js/slider/css/jslider.blue.css" type="text/css">
	<link rel="stylesheet" href="static/js/slider/css/jslider.plastic.css" type="text/css">
	<link rel="stylesheet" href="static/js/slider/css/jslider.round.css" type="text/css">
	<link rel="stylesheet" href="static/js/slider/css/jslider.round.plastic.css" type="text/css">
	
	<script type="text/javascript" src="static/js/slider/js/jquery-1.7.1.js"></script>
	
	<script type="text/javascript" src="static/js/slider/js/jshashtable-2.1_src.js"></script>
	<script type="text/javascript" src="static/js/slider/js/jquery.numberformatter-1.2.3.js"></script>
	<script type="text/javascript" src="static/js/slider/js/tmpl.js"></script>
	<script type="text/javascript" src="static/js/slider/js/jquery.dependClass-0.1.js"></script>
	<script type="text/javascript" src="static/js/slider/js/draggable-0.1.js"></script>
	<script type="text/javascript" src="static/js/slider/js/jquery.slider.js"></script>
	
	
	<style type="text/css">
		body{
			background-image:url("static/img/bg_main.jpg");
		}
		.bar{
			width:0%;
			transition: width 3s linear 3s;
			/* Firefox 4 */
			-moz-transition:width 3s linear 3s;
			/* Safari and Chrome */
			-webkit-transition:width 3s linear 3s;
			/* Opera */
			-o-transition:width 3s linear 3s;
		}
		.layout-slider{
			display: none;
		}
		#trigger:hover .layout-slider{
			display: block;
		}
		
	</style>
</head>
<body class="body">
	<%@ include file="include/top2.jsp" %>
	<jsp:include page="include/top.jsp">
		<jsp:param value="goal" name="tag"/>
	</jsp:include>
	<div class="container">
		<div class="row">
			<!--<jsp:include page="include/side.jsp">
				<jsp:param value="new" name="tag"/>
			</jsp:include>
			-->
			<div class="span9">			
						<dt style="margin-top:15px">
						<i class="icon-bookmark"></i>
						<a href="task.jspx?m=toedit?id=${task.id}">${task.taskTitle}</a>
						&nbsp;&nbsp;&nbsp;<a style="color:red;">${task.user.userName}</a>&nbsp;&nbsp;
						<c:choose>
							<c:when test="${task.time eq 'a'}">
								还没有开始！
							</c:when>
							<c:when test="${task.time eq 'b'}">
								<div style="float:right;">
									<form action="task.jspx?m=uploadstate&id=${task.id}" method="post">
									<input type="text" id="plan" placeholder="修改进度" name="plan" style="width:60px;background-color: transparent;margin-left:30px;"/>
									<button class="" style="border:0 none;" type="submit">保存</button>
									</form>
								</div>
							</c:when>
							<c:when test="${task.time eq 'c'}">
								已经过期！
							</c:when>
						</c:choose>
						</dt>
						<dd>${d.taskContent}</dd><br>
						<div class="progress progress-striped active">
							<div class="bar" style="width:0%;">${task.plan}%</div>
							<script type="text/javascript">
								$(document).ready(function(){
									$(".bar").animate({width:"${task.plan}%"},"slow");
								});
							</script>
						</div>
				</div>
			</div>
		</div>
	<div id="backtop" style="padding-right:0px; display:block;">
		<a href="#top">
		<span><img src="static/img/fff.png"/></span>
		</a>
	</div>
	<script type="text/javascript" src="static/js/jquery.js"></script>
	<script type="text/javascript" src="static/js/jqueryui.js"></script>
	<script type="text/javascript" src="static/js/jquery.illuminate.0.7.min.js"></script>
	
	
	<script type="text/javascript">
		$(document).ready(function(){
				
			$('#button').illuminate({
				'intensity': '0.5',
				'color': '#2c2c2c'
			});
				
		});
			
	</script>
</body>
</html>